@forward 'element-plus/theme-chalk/src/common/var.scss' with (
    $colors: (
        'primary': (
            'base': #ff6b00
        )
    ),
    // $common-component-size: (
    //   'large': 40px,
    //   'default': 32px,
    //   'small': 24px,
    // ),
    $radio-button:
        (
            'padding': 10px 15px
        ),
    $border-color: (
        // 'extra-light': var(--el-color-primary-light-9)
    ),
    $fill-color: (
        // 'light': var(--el-color-primary-light-9)
    )
);
@use 'element-plus/theme-chalk/src/index.scss' as *;

// 表格
.el-table {
    border: 1px solid #ebeef5;

    .el-table__inner-wrapper {
        .el-table__header-wrapper {
            .el-table__header {
                thead {
                    tr {
                        th {
                            padding: 12px 0;

                            .cell {
                            }
                        }
                    }
                }
            }
        }

        .el-table__body-wrapper {
            .el-table__body {
                tbody {
                    tr {
                        td {
                            padding: 12px 0;

                            &:last-of-type {
                                .cell {
                                    .el-button {
                                        min-width: 80px;
                                        margin: 4px;
                                        padding: 4px 8px;
                                    }
                                }
                            }
                        }
                    }

                    .el-table__row:hover {
                        td {
                            background-color: #fffaf9;
                        }
                    }
                }
            }

            .el-table__empty-block {
                width: 100% !important; // 解决element的bug
            }
        }
    }
}

// 遮罩层
.el-overlay {
}

// 标签页
.el-tabs {
    .el-tabs__header {
        .el-tabs__nav-wrap {
            &::after {
                height: 1px;
            }
        }
    }

    .el-tabs__content {
    }
}

// 抽屉
.el-drawer {
    .el-drawer__header {
        margin: 0;
        padding: 16px;
        border-bottom: 1px solid #eaeaea;

        .dialog_header,
        .drawer-title {
            font-size: 16px;
        }
    }

    .el-drawer__body {
        padding: 16px;
    }

    .el-drawer__footer {
        padding: 10px 16px;
        border-top: 1px solid #eaeaea;
    }
}

// 对话框
.el-dialog {
    .el-dialog__header {
        margin: 0;
        padding: 16px;
        border-bottom: 1px solid #eaeaea;

        .dialog_header,
        .el-dialog__title {
            line-height: 1;
            font-size: 16px;
        }

        .el-dialog__headerbtn {
            top: 0;
            width: 50px;
            height: 50px;
            font-size: 20px;

            .el-icon {
                margin-top: 2px;
            }
        }
    }

    .el-dialog__body {
        padding: 16px;
    }

    .el-dialog__footer {
        padding: 10px 16px;
        border-top: 1px solid #eaeaea;
    }
}

// 卡片
.el-card {
    box-sizing: border-box;
}

// 树
.el-tree {
    .el-tree-node {
        width: auto !important;

        .el-tree-node__content {
            height: 32px;

            .el-tree-node__expand-icon {
                color: var(--el-color-primary);
            }

            .el-tree-node__expand-icon.is-leaf {
                color: transparent;
            }
        }
    }
}

// 单选按钮组
.el-radio-group {
    .el-radio-button {
        .el-radio-button__inner {
            // padding: 10px 15px;
        }
    }
}

// 多选按钮组
.el-checkbox-group {
    .el-checkbox {
        // height: 32px;
        // line-height: 32px;
    }
}

// 输入框
.el-input {
    width: 100%;
}

// 下拉选择
.el-select {
    // width: 100%;

    .select-trigger {
        .el-input {
            .el-input__wrapper {
                .el-input__inner {
                }
            }
        }
    }
}

// 表单
.el-form {
    .el-form-item {
        .el-form-item__label {
            // height: 32px;
            // line-height: 32px;
        }

        .el-form-item__content {
            display: initial;
        }
    }
}

// 分页器
.el-pagination {
    display: flex;
    justify-content: flex-end;
    padding: 0;
    margin-top: 16px;

    .el-pagination__sizes {
        margin-right: 0;

        .el-select {
            .select-trigger {
                .el-input {
                    .el-input__wrapper {
                        .el-input__inner {
                            height: 30px !important;
                        }
                    }
                }
            }
        }
    }
}

// 下拉菜单
.el-dropdown {
    .zw-table__btn-option:focus-visible {
        outline: none;
    }

    .el-dropdown-link:focus-visible {
        outline: none;
    }
}
